import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
import { fileURLToPath } from "url";
// import postCssPxToRem from "postcss-pxtorem";

// https://vite.dev/config/
export default defineConfig({
    plugins: [vue()],
    resolve: {
        alias: {
            "@": fileURLToPath(new URL("./src", import.meta.url)),
        },
    },
    build: {
        minify: true,
        // 设置为false，便不会出现源码，
        sourcemap: false,
        cssCodeSplit: false,
    },
    // 上面是默认已存在的
    server: {
        open: true, //启动项目自动弹出浏览器

        proxy: {
            "/api": {
                target: "http://223.108.59.114:8083", //实际请求地址
                changeOrigin: true,
                // rewrite: (path) => path.replace(/^\/api/, ""),
            },
            "/gl": {
                target: "https://mapv.baidu.com",
                changeOrigin: true,
                rewrite: (path) => path.replace(/^\/api/, ""),
            },
        },
    },
    css: {
        // css预处理器
        preprocessorOptions: {
            scss: {
                additionalData: `@use "@/style/mixin.scss" as *;`, // 导出全局变量和 mixin
                api: "modern-compiler",
            },
        },
        // postcss: {
        //     plugins: [
        //         postCssPxToRem({
        //             rootValue: 192, // 1rem的大小（控制1rem的大小  点位：px）
        //             propList: ["*"], // 需要转换的属性，这里选择全部都进行转换
        //         }),
        //     ],
        // },
    },
});
